<template>
  <div class="content">
    <ul class="msg-list">
      <li class="msg-item">
        <div class="img">
          <img src="./ico_zxkf@1x.png" alt="">
        </div>
        <div class="text">
          <div class="top">在线客服</div>
          <div class="bottom">查看与客服的沟通记录</div>
        </div>
        <div class="icon">
          <img src="./ico@1x.png" alt="">
        </div>
      </li>
      <li class="msg-item">
        <div class="img">
          <img src="./ico_xpxx@1x.png" alt="">
        </div>
        <div class="text">
          <div class="top">新品消息</div>
          <div class="bottom">全球制造商爆品推荐</div>
        </div>
        <div class="icon">
          <img src="./ico@1x.png" alt="">
        </div>
      </li>
      <li class="msg-item">
        <div class="img">
          <img src="./ico_wdzc@1x.png" alt="">
        </div>
        <div class="text">
          <div class="top">我的资产</div>
          <div class="bottom">您的佣金已经到账</div>
        </div>
        <div class="icon">
          <img src="./ico@1x.png" alt="">
        </div>
      </li>
      <li class="msg-item">
        <div class="img">
          <img src="./ico_ddxx@1x.png" alt="">
        </div>
        <div class="text">
          <div class="top">订单详情</div>
          <div class="bottom">您发起拼单已经成功</div>
        </div>
        <div class="icon">
          <img src="./ico@1x.png" alt="">
        </div>
      </li>
      <li class="msg-item">
        <div class="img">
          <img src="./ico_wlxx@1x.png" alt="">
        </div>
        <div class="text">
          <div class="top">物流信息</div>
          <div class="bottom">还没有任何消息</div>
        </div>
        <div class="icon">
          <img src="./ico@1x.png" alt="">
        </div>
      </li>
    </ul>
  </div>

</template>

<script>
  import wx from 'weixin-js-sdk'
  import { wxHttpTool,wx_config, http_getParam, get_shopQrcoe,wx_share,wx_hideAllMenu } from '../../components/httpUtil/httpUtil'
  import {msg_10046} from '../../message/msg_10046'
export default {
  name: '',
  data () {
    return {
    }
  },
  created(){
    wxHttpTool.wxAuthor(this, function (varRet, varJson, varThis = this) {
      if (varRet == -1) {
        varThis.alertTip('网络错误');
        varThis.go = function () {
          varThis.showAlert = false;
        }

      }
      // 关注钱应该判断下是否已经关注过了
      msg_10046.send(varThis,msg_10046.entity(),function(varThis,res){
        varThis.wxlist=res.data.p.sign
        varThis.hideLoading();
        wx_config(varThis.wxlist);
        varThis.hideLoading();
        wx_hideAllMenu();
        wx.hideMenuItems({
          //禁用单独分享朋友圈QQ空间等功能
          menuList: ["menuItem:share:timeline","menuItem:share:QZone","menuItem:share:qq"] // 要隐藏的菜单项，所有menu项见附录3
        });
      })


    },this.type)
  }
}
</script>

<style lang="scss" scoped>
  .content{
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    .msg-list{
      .msg-item{
        margin-top: 20px;
        height: 146px;
        background: #ffffff;
        padding: 33px 30px 0px 30px;
        .img{
          float: left;
          width: 80px;
          height: 80px;
          padding-right: 26px;
          img{
            width: 100%;
            height: 100%;
          }
        }
        .text{
          float: left;
          .top{
            line-height: 38px;
            font-size: 28px;
            color: #3b3b43;
          }
          .bottom{
            padding-top: 11px;
            font-size: 24px;
            color: #a1a1a1;
          }
        }
        .icon{
          float: right;
          width: 12px;
          height: 20px;
          padding-top: 31px;
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }

</style>
